<template>
  <div>
    <h3>社保</h3>
    <h5>使用自己封装的上传图片组件</h5>
    <imgUpload :imageUrl.sync="imageUrl"></imgUpload>
    <h5>使用qrcode将地址转换为二维码</h5>
     <button @click="canvasfn">点我将百度网址转为二维码</button>
    <div>
      <!-- 添加一个转换后显示的容器 -->
      <canvas ref="mycanvas"></canvas>
       </div>
  </div>
</template>

<script>
// 导入对象
import QRcode from 'qrcode'
export default {
  data() {
    return {

      imageUrl:require('@/assets/common/head.jpg')
    }
  },
  methods: {
    canvasfn(){
      QRcode.toCanvas(
        this.$refs.mycanvas,//生成二维码后保存的容器
        "https://www.baidu.com/", //要转换的路径
        {
          // 相关配置信息
          width:200,
          height:200
        }
      )
    }
  },
}
</script>

<style></style>
